// :deep(.v-overlay__content){
//     background-color: transparent !important;
// }
.b-title {
    font-size: 21px;
    color: #ffffff;
    margin-top: 30px;
    margin-left: 30px;
    margin-right: 30px;
    margin-bottom: 18px;
}
.b-word {
    font-size: 21px;
    color: #ffffff;
}
.b-right {
    font-size: 16px;
    color: var(--main);
}
.b-img {
    object-fit: contain;
    margin-left: 4px;
}
.r-img {
    object-fit: contain;
    margin-left: 4px;
}

:deep(.copy-txt) {
    // font-size: 18px;
    color: var(--main);
    margin-bottom: 10px;
}

.j-row {
    margin: 30px;
    margin-top: 0;
    display: flex;
    gap: 20px;
    .j-col {
        flex: 1;
        display: block;
        // overflow: hidden;
        // width: 346px;
        // margin-right: 18px;
        // &:last-child{
        //     margin-right: 0;
        // }
        // margin-bottom: 18px;
        padding: 20px;
        background: var(--card);
        border-radius: 8px;
        // border: 1px solid var(--border);
        .r-bank {
            .r-name {
                color: #ffffff;
                padding: 3px 18px;
                background: #2b3139;
                border-radius: 16px;
                border: 1px solid var(--main);
                margin-right: 12px;
            }
            .c-img {
                width: 36px;
                height: 36px;
                object-fit: contain;
                background: #2b3139;
                border-radius: 50%;
            }
            .c-name {
                flex: 1;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                margin-left: 10px;
                margin-right: 10px;
                color: #fff;
                &:hover {
                    text-decoration: underline;
                }
            }
            .mdi,
            .md-share {
                margin-left: 10px;
                font-size: 18px;
                color: #69727f;
                &:hover {
                    color: var(--main);
                }
            }
        }
        .r-coin {
            margin-top: 16px;
            margin-bottom: 10px;
            .coin-list {
                .coin-img {
                    margin-left: -6px;
                    width: 24px;
                    height: 24px;
                    object-fit: cover;
                    border: solid 1px #2f363e;
                    overflow: hidden;
                    border-radius: 50%;
                    background: #fff;
                    box-shadow: -4px 2px 4px #252b3140;
                }
            }
        }
        .r-comm {
            margin-bottom: 9px;
            .c-left {
                color: #b1b6c6;
            }
            .c-right {
                // font-size: 14px;
                // color: #ffffff;
                .greens {
                    color: #0dcb81;
                }
                .coin-up {
                    object-fit: contain;
                    width: 12px;
                    height: 12px;
                    margin-right: 4px;
                }
                :deep(.num-txt) {
                    font-size: 14px !important;
                }
            }
        }
    }
}

.c-list {
    display: flex;
    justify-content: space-between;
    color: #b1b6c6;
    border-bottom: solid 1px var(--border_);
    padding-bottom: 10px;
    margin-bottom: 10px;
    .c-item {
        // flex: 1;
        max-width: 25%;
        min-width: 20%;
        text-align: center;
        position: relative;
        &:first-child {
            .top1 {
                text-align: left !important;
            }
            .top2 {
                text-align: left !important;
            }
        }
        &:last-child {
            .top1 {
                text-align: right;
            }
            .top2 {
                text-align: right;
            }
        }
    }
}

.c-change {
    color: var(--win);
    display: flex;
    align-items: center;
    .change-txt {
        margin-right: 10px;
    }
}
.top1 {
    width: 96%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}
.top2 {
    color: #fff;
    margin-top: 4px;
    font-size: 14px;
    text-align: left;
    overflow: hidden;
    :deep(.num-txt) {
        font-weight: 400 !important;
    }
}
.top2:last-child {
    // text-align: right;
}
.icon-arrow_down {
    font-size: 18px;
    display: block;
    &.up {
        transform: rotate(180deg);
        color: var(--win);
    }
}
